﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>交互消息窗 - jQuery EasyUI 演示</title>
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2 title="Interactive Messager">交互消息窗</h2>
	<p title="Click on each button to display interactive message box.">　　点击以下每个按钮即可显示交互式的消息窗。</p>
	<div style="margin:20px 0;">
		<a href="#" class="easyui-linkbutton" onclick="confirm1();" title="Confirm">确认</a>
		<a href="#" class="easyui-linkbutton" onclick="prompt1()" title="Prompt">提示</a>
	</div>
	<script>
		function confirm1(){
			$.messager.confirm('我的标题', '这样做真的好吗？', function(r){
				if (r){
					alert('已确认：'+r);
				}
			});
		}
		function prompt1(){
			$.messager.prompt('我的标题', '请输入恰当的值！', function(r){
				if (r){
					alert('你刚才输入了：'+r);
				}
			});
		}
	</script>
</body>
</html>